<template>
    <div style="position: relative;height: 100%;width: 100%;">
        <div class="ts-ray-cloud-3D" ref="modelContainerRef" />
        <tooltip />
        <toolbar />
    </div>
</template>
   
<script setup>
import { ref, onMounted } from 'vue';
import Toolbar from './Toolbar.vue';
import Tooltip from './Tooltip.vue';
import registerStore from '../../../stores/index.js'
const modelContainerRef = ref(null);
const { viewsModulesPinia } = registerStore();
const initCanvas = () => {

}
onMounted(() => {
    viewsModulesPinia.initViews(modelContainerRef.value)//初始化
})
</script>
   
<style>
.ts-ray-cloud-3D {
    width: 100%;
    height: calc(100vh - 90px);
}
</style>